<template>
  <monthly-cost
    ref="monitor"
    type="energyMonitor"
    :queryFormItem="collapseFormItem"
    :collapseFormItem="collapseFormItem"
    @handleSearch="handleSearch"
    :sourceData="sourceData"
    :classification="classification"
  />
</template>

<script>
import monthlyCost from "../components/monthlyCost.vue";
import { typeClassName } from "@/pages/config/classNameMap";
import mixin from "@/pages/components/mixins/mixin";
export default {
  components: { monthlyCost },
  mixins: [mixin],

  computed: {
    collapseFormItem() {
      return [
        {
          key: "begin",
          title: {
            "zh-CN": "开始年月",
            "en-US": "begin",
          }[this.G_Locale],
          minWidth: 100,
          align: "center",
          config: { type: "month" },
        },
        {
          key: "end",
          title: {
            "zh-CN": "结束年月",
            "en-US": "begin",
          }[this.G_Locale],
          minWidth: 100,
          align: "center",
          config: { type: "month" },
        },
      ];
    },
  },
  data() {
    return {
      queryFormItems: [],
      classification: "4",
      collapseFormItems: [],
      typeOptions: [],
      equOptions: [],
      equipOptions: [],
      pointOptions: [],
      typeClassObject: null, // 能源类型实例
      sourceData: {
        begin: "",
        end: "",
        type: "depreciation",
        groupKey: "typeName",
        sumKey: "actualCost",
      },
    };
  },
  created() {},
  methods: {},
};
</script>

<style scoped lang="scss"></style>
